import { ModuleFields } from '@hubspot/cms-components/fields';

// Zero-height anchor that registers the "products" section for QuoteNav.
// Place this module immediately above the HubSpot line items module in the template.
// QuoteNav will auto-discover the id="qs-products" element and add a Products tab.

export function Component() {
  return <div id="qs-products" style={{ height: 0, overflow: 'hidden', margin: 0, padding: 0 }} />;
}

export const fields = <ModuleFields />;

export const meta = {
  label: 'Quote Products Anchor (Nav)',
  content_types: ['QUOTE', 'QUOTE_BLUEPRINT'],
};

export const hublDataTemplate = `
  {% set hublData = {} %}
`;
